<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>移动端分享</title>
  <meta name="description" content="移动端分享测试">
  <link rel="stylesheet" href="../css/msosh.css">
  <style>
  *{margin: 0;}
  .msosh{padding: 10px;display: inline-block;vertical-align: middle;}
  button{display: inline-block;vertical-align: middle;-webkit-appearance: none;}
  </style>
</head>
<body>
  <img src="http://tp3.sinaimg.cn/1747258422/180/40051921924/1" style="display: none;" alt="">
  <div class="sosha" id="share"></div><button onclick="share.popIn({sites: ['weixin', 'weixintimeline', 'weibo', 'yixin', 'qzone', 'tqq', 'qq', 'renren', 'douban']});">更多</button>
  <button onclick="msosh.popIn({sites: ['weixin', 'weixintimeline', 'weibo', 'yixin', 'qzone', 'tqq', 'qq', 'renren', 'douban', 'teiba']});">new Msosh()</button>
  <script src="../js/base64.js"></script>
  <script src="../js/msosh.js"></script>
  <script>
    var share = new Msosh('#share', {sites: ['weixin', 'weixintimeline', 'weibo', 'qq', 'qzone']});
    var msosh = new Msosh();
  </script>
</body>
</html>
